<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">

        <title>电商后台管理系统</title>

        <link rel="stylesheet" id="css-main" href="/assets/css/oneui.min.css">
    </head>
    <body>
        <div id="page-container" class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed">
            
            <%- include("./nav.ejs") %>

            <%- include("./header.ejs") %>
            
            <!-- Main Container -->
            <main id="main-container">
                <div class="block">
                    <div class="block-header">
                        <h3 class="block-title">Basic</h3>
                    </div>
                    <div class="block-content block-content-full">
                        <form action="/banner/addAction" method="POST" enctype="multipart/form-data">
                            <div class="row push">
                                <div class="col-lg-8 col-xl-5">
                                    <div class="form-group">
                                        <label for="title">名称</label>
                                        <input type="text" class="form-control" id="title" name="title">
                                    </div>
                                    <div class="form-group">
                                        <label for="alt">描述</label>
                                        <input type="text" class="form-control" id="alt" name="alt">
                                    </div>
                                    <div class="form-group">
                                        <label class="d-block" for="src">请选择文件</label>
                                        <input type="file" id="src" name="src">
                                    </div>
                                    <button type="submit" class="btn btn-primary">提交</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="block">
                    <% for(let i=0;i<data.length;i++){ %>
                        <div class="block-content block-content-full text-center bg-image">
                            <img class="img-avatar img-avatar96 img-avatar-thumb" src="<%= data[i].src %>" alt="<%= data[i].alt %>" title="<%= data[i].title %>">
                        </div>
                        <div class="block-content font-size-sm">
                            <p>图片名称：<%= data[i].title %></p>
                            <p>图片描述：<%= data[i].alt %></p>
                            <p>图片地址：<%= data[i].src %></p>
                            <p></p>
                        </div>
                    <% } %>
                </div>
            </main>
            <!-- END Main Container -->
            
            <%- include("./footer.ejs") %>
        </div>
        <script src="/assets/js/oneui.core.min.js"></script>
        <script src="/assets/js/oneui.app.min.js"></script>
        <script src="/assets/js/plugins/chart.js/Chart.bundle.min.js"></script>
        <script src="/assets/js/pages/be_pages_dashboard.min.js"></script>
    </body>
</html>
